<template>
	<view class="top">
		<view class="ttop">
			如遇绑卡问题abcdabcdabcd
		</view>
	</view>
	<view class="content">
		当前充值号：{{number}}
	</view>
	<navigator class="serve" url="/pages/customer_service/customer_service">
		联系客服
	</navigator>
</template>

<script setup>
	import {
		ref
	} from 'vue';
	let number = ref(1234567)
</script>

<style lang="scss" scoped>
	.top {
		width: 100vw;
		height: 50vw;
		background-color: rgb(0, 170, 255);
		display: flex;
		justify-content: center;
	}

	.ttop {
		width: 80vw;
		height: 10vw;
		background-color: rgb(255, 255, 255);
		border-radius: 10px;
		margin-top: 20vw;
		padding: 5vw;
		text-align: center;
	}
		
	.content{
		width: 80vw;
		height: 50vw;
		padding: 5vw;
	}
	.serve{
		margin: 15vw;
		width: 60vw;
		padding: 5vw;
		border-radius: 100px;
		background-color: rgb(0, 85, 255);
		text-align: center;
		color: #fff;
	}
</style>